@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0;-moz-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
a,dd,div,dl,i,img,input,li,p,span,ul{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%;font-weight:400;-webkit-font-smoothing:antialiased}
body{background:#f5f5f5;font: 12px/1.5 Tahoma;}
address,cite,dfn,em,i,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none; color: #333;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;outline:0}
iframe{vertical-align:top}
a{text-decoration:none}
button{border:0 none}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,video{display:block}
input{outline:0;border:0}
img,input,label,select{vertical-align:middle}
img{object-fit: cover;}
section{width: 100%; clear: both; }
*{font-family: "微软雅黑";}
[class^="layui"]{box-sizing: border-box!important;}

.container{width: 100%;padding: 0;margin: 0;min-width: 1200px;}
.header{     position: fixed;background: #fff;border-bottom: 1px solid #ddd;
    width: 100%;
    height: 90px;
    top: 0;
    z-index: 9999999999999;}
.header .middle_header{ width: 1200px; margin: 0 auto ; line-height: 90px;}
.left_logo{ width: 190px; height:90px; float: left;}
.left_logo img{ margin: 12px 0; display: block;}
.right_nav{float: right;}
.navigation  {justify-content:flex-end;margin:0;padding:0;}
.right_nav .navigation>li{justify-content:flex-end; float: left; font-size: 16px; padding: 0 15px; height:90px}
.right_nav .navigation  li span{ width: 50%; margin:-20px auto; height: 3px; background:linear-gradient(to right,#fff,#fff);display: block;}
.right_nav .navigation  li>a{ color: #000000; position: relative;}
.navigation .ul_nav{  position: absolute;top: 90px;left: 0;color: #e0e0e0;line-height: 60px;width: 100%;background: rgba(0,0,0,0.5);display: none;}
.ul_nav ul {width: 1200px;margin: 0 auto;}
.ul_nav ul li {width:150px;float:left;border-top:none;}
.ul_nav ul a {display:block;height:60px;padding:0 10px;color:#fff!important;border-top:none;}
.right_nav .navigation >li:hover span{width: 100%;background:linear-gradient(to right,#cf6ef1,#3608de);transition: all .5s linear;;}	

.right_nav .navigation li:hover .ul_nav{ display: block;}



.banner{ width: 100%; height: 585px; overflow: hidden;  margin-top: 90px; }
.banner img{display: block;
    margin: 0 auto;
    width: 100%;
    height: 585px;}
.banner li img{ display: block; margin:0 auto; width: 100%; height: 585px;}
.banner a img{ display: block; margin:0 auto; width: 100%; height: 585px;}

.flexslider {margin: 0px auto 20px;position: relative;width: 100%;height:655px;overflow: hidden;zoom: 1; margin-top: 90px;}

.flexslider .slides li {width: 100%;height: 100%;}
.flexslider .slides li img{width: 100%;height:655px;}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/index/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}

.flex-direction-nav .flex-prev {left: 0;}

.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;}
.flex-control-paging li a {
	background:url(../img/index/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height:655px;display: block;}

.section{ width: 100%;margin: 0 auto;}


.button_container {margin: 50px auto;padding-bottom: 50px ;}
.btn {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-size: 18px;
  background-color: #222;
  padding: 17px 60px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}

.btn a {position: relative;z-index: 1; color: #ffffff;}

.btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background:#873ee8;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn:hover:after {-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);transform: translateX(-9%) translateY(-25%) rotate(45deg);}




/*底部公共样式*/
.foot_top{  background: #2e2f31; width: 100%; border-bottom: 1px solid #666;}
.foot_top .foot_m_cont{width: 1200px; margin: 0 auto;}
.foot_top .foot_m_cont ul{ overflow: hidden; padding: 50px 0;}
.foot_top .foot_m_cont ul li{ float: left; text-align: center; width: 170px;}
.foot_top .foot_m_cont ul li .big_title{ font-size: 16px; color: #eee; margin-bottom: 10px;}
.foot_top .foot_m_cont ul li p a{font-size: 15px; line-height: 30px; display: block;color: #999;}
.foot_top .foot_m_cont ul li p a:hover{ text-decoration:underline;}

.foot_top .foot_m_cont ul li .erweima img{ width: 80%; margin-bottom: 15px;}
.foot_top .foot_m_cont ul li p{font-size: 14px; line-height:28px; display: block;color: #999; }
.foot_top .foot_m_cont ul li p em{ font-weight: bold; color:#cf6ef1;}

.foot_beian{ height: 60px; background: #2e2f31; text-align: center;}
.foot_beian p{color: #999;line-height: 60px;font-size: 14px;}
.foot_beian p a{ color: #999; margin-right: 5px; }


#back-top {position:fixed;width:60px;height:70px;bottom:30px;right:30px;}

/* 课程公共样式 */
.kc_block{ width: 100%;}
.main{ width: 1200px; margin: 0 auto;}
.kc_title{ padding: 50px 0 30px; overflow: hidden; text-align: center;}
.h5_common{ font-size:32px; padding-bottom: 15px ; font-weight: bold;}
.p_common{ font-size: 18px;    width: 900px; margin: 0 auto;}
.h5_black{ color: #7730e0;;}
.p_black{ color: #666;}
.h5_yellow{ color:#fff224 ;}
.p_white{ color: #ddd;}


/*课程底部提交公共样式*/
.right_ui_bm{width: 300px; float: right; margin-top: 150px; background: #111; padding-bottom: 30px; margin-right: 150px;}
.right_ui_bm h1{ color: #fff ;font-size: 24px; font-weight: bold;text-align: center;padding: 30px 0;}
.name{ background:#fff url(../images/uisheji/name.png) no-repeat 3px center; background-size: 10%;}
.tell{ background:#fff url(../images/uisheji/tell.png) no-repeat 3px center; background-size: 10%;}
.qq{ background:#fff url(../images/uisheji/qq.png) no-repeat 3px center; background-size: 10%;}

.right_ui_bm input{height: 40px; margin: 0 auto 20px;display: block;font-size: 14px; line-height: 40px; padding-left: 45px; width: 80%; color: #111;}
.tijiao{display: block;padding-left: 0!important;font-size: 16px!important; width: 250px; height: 46px; background: #ffe324; border-radius: 4px; margin: 6px 0 ; text-align: center;}
/* 课程企业公共样式 */
.qiye li{float: left;margin: 12px 12px 0 0;}
.qiye li img{ width: 190px; height: 87px;}
.qiye li .c{ float: left; display: none;}
.qiye li:hover .s{    display: none;}
.qiye li:hover .c{display: block;}

/*.right_nav .navigation li:nth-child(2) .ul_nav li:first-child{margin-left: 105px;}*/
/*.right_nav .navigation li:nth-child(3) .ul_nav li:first-child{margin-left: 300px;}*/
/*.right_nav .navigation li:nth-child(4) .ul_nav li:first-child{margin-left: 612px;}*/
/*.right_nav .navigation li:nth-child(5) .ul_nav li:first-child{margin-left: 440px;}*/
/*.right_nav .navigation li:nth-child(6) .ul_nav li:first-child{margin-left: 890px;}*/
/*.right_nav .navigation li:nth-child(5) .ul_nav li>a{text-align: right; padding: 0;}*/
/*.right_nav .navigation li:nth-child(7) .ul_nav li:first-child{margin-left: 735px;}*/
/*.right_nav .navigation li:nth-child(7) .ul_nav li>a{text-align: right; padding: 0;}*/
/*.right_nav .navigation li:nth-child(8) .ul_nav li:first-child{margin-left: 750px;}*/
/*.right_nav .navigation li:nth-child(8) .ul_nav li>a{text-align: right; padding: 0;}*/

.right_nav .navigation li:nth-child(2) .ul_nav li:first-child{margin-left: 217px;}
.right_nav .navigation li:nth-child(3) .ul_nav li:first-child{margin-left: 405px;}
.right_nav .navigation li:nth-child(4) .ul_nav li:first-child{margin-left:715px;}
.right_nav .navigation li:nth-child(5) .ul_nav li:first-child{margin-left: -10px;}
.right_nav .navigation li:nth-child(6) .ul_nav li:first-child{margin-left: 890px;}
.right_nav .navigation li:nth-child(5) .ul_nav li>a{text-align: right; padding: 0;}
.right_nav .navigation li:nth-child(7) .ul_nav li:first-child{margin-left: 735px;}
.right_nav .navigation li:nth-child(7) .ul_nav li>a{text-align: right; padding: 0;}
.right_nav .navigation li:nth-child(8) .ul_nav li:first-child{margin-left: 750px;}
.right_nav .navigation li:nth-child(8) .ul_nav li>a{text-align: right; padding: 0;}

.small_nav .wrap_vr{ width: 1200px; margin: 0 auto;}
.small_nav .wrap_vr ul{ overflow: hidden;}
.small_nav .wrap_vr ul li{ width:300px; float: left ; font-size: 18px;}
.small_nav .wrap_vr ul li a{ text-align: center; display: block; color: #111;}
.small_nav .wrap_vr ul li:hover,.small_nav .wrap_vr ul li.active{background:linear-gradient(to right,#cf6ef1,#3608de);transition: all .5s linear;}
.small_nav .wrap_vr ul li:hover a,.small_nav .wrap_vr ul li.active a{ color: #fff;}

.detail .detail_content .main_content{text-align: left;}
.detail .detail_content .main_content p{text-align: left;}
.detail .detail_content .main_content a{text-align: left;}
.detail .detail_content .main_content span{text-align: left;}